// 自定义 hooks 
// 我们使用 router vuex  useXXXX 这种以 use 开头的我们一般叫做 自定义 hooks
// mixins  data  响应式数据对象，生命周期钩子函数
// 自定义 hooks 就是一个普通的不能再普通的函数
// 区别：这个函数里面可以调用 其他 hooks 
// 这也是  Vue3 巨大的提升之处
import { ref, onMounted } from 'vue'
export const useNum = () => {
    // 这里面类似于 我们的  data   methods
    const num = ref(999)
    const sayHello = () => {
        console.log("哈哈哈哈啊");
    }
    onMounted(()=>{
        console.log("我是自定义 Hooks 的调用");
    })
    return {
        num,
        sayHello
    }
}

export const useHaha = () => {
    const haha = "haha"
    return {
        haha
    }
}